<html>
<head>
<title>BonjourFoxy</title>
<link rel="stylesheet" type="text/css" href="chrome://bonjourfoxy/content/welcome.css" />
<script src="chrome://bonjourfoxy/content/namespace.js" type="text/javascript"></script>
<script src="chrome://bonjourfoxy/content/lib.js" type="text/javascript"></script>
<script src="chrome://bonjourfoxy/content/welcome.js" type="text/javascript"></script>
</head>
<body>
<div class="main">
<h1>You've just installed BonjourFoxy<span id="bfversion"></span></h1>
<p class="mt">Here's a few things you may want to configure...</p>
<table>
<tr>
    <td class="option">
        <div class="option">
            <h3>Toolbar Button</h3>
            <div class="optdescription">
            <p>Avoid the View&rarr;Sidebars menu by adding a button the toolbar.</p>
            <p class="c"><button id="btnTbExample"><img src="chrome://bonjourfoxy/content/transparent.gif" id="toolbarImageMac" style='background: url("chrome://bonjourfoxy/skin/toolbar-button.png"); clip: rect( 0px 30px 16px 24px); height: 22px; width: 36px; vertical-align: top;'/><img src="transparent.gif" id="toolbarImageWinNix" style='background: url("chrome://bonjourfoxy/skin/toolbar-button.png"); clip: rect( 0px 40px 16px 24px); height: 20px; width: 24px;'/></button></p>
            </div>
            <div class="optbutton"><button id="btnCustToolbar">Customise Toolbar</button></div>
        </div>
    </td>
    <td class="option">
        <div class="option">
            <h3>Service Indicator</h3>
            <div class="optdescription">
            <p>A <img src="chrome://bonjourfoxy/content/status_bw.png"> or <img src="chrome://bonjourfoxy/content/status_color.png"> will appear in the bottom right-hand to indicate whether services are available.</p>
            </div>
            <div class="optbutton"><button id="btnToggleStatusIcon">Turn on status icon</button></div>
        </div>
    </td>
    <td class="option">
        <div class="option">
            <h3>Service Alerts</h3>
            <div class="optdescription">
            <p>Get a visual notification when a new service is discovered.</p>
            <p class="c"><button id="btnAlertExample">Show Example Alert</button></p>
            </div>
            <div class="optbutton"><button id="btnToggleAlerts">Enable Alerts</button></div>
        </div>
    </td>
</tr>
</table>
<p class="mt">These settings and more can be set by going to the Extensions section of Add-ons (Tools menu), selecting BonjourFoxy and then <span id="settingsTxtNixMac">Preferences</span><span id="settingsTxtWin">Options</span>.</p>
<p class="ft">For more on the extension head to <a href="http://www.bonjourfoxy.net/">http://www.bonjourfoxy.net/</a></p>
</div>
</body>
</html>
